<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>会员记录</title>
    <link rel="stylesheet" href="css/_all-skins.min.css"/>
    <link rel="stylesheet" href="css/AdminLTE.min.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/daterangepicker.css"/>
    <link rel="stylesheet" href="css/select2.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/layer.css"/>
    <link rel="stylesheet" href="css/layui.css"/>
</head>
<style>
    .search_btn1 {
        background: white;
        border-radius: 5px 5px;
        border: solid 1px #B8C7CE;
        width: 80px;
        height: 32px;
        color: gray;
        vertical-align: bottom;
        margin-top: 10px;

    }

    .search_box {
        width: 260px;
        margin-top: 10px;
        position: relative;
        width: 100%;
        display: inline-block;
    }

    .search_title {
        display: inline-block;
        width: 100px;
        font-weight: bold;
        font-size: 16px;
        vertical-align: top;
    }

    .product_kind select {
        width: 260px;
    }

    .list_content {
        width: 100%;
    }

    .list_content thead th {
        font-weight: normal;
        background: #3c8dbc;
        color: white;
        height: 30px;
        text-align: center;
        font-size: 13px;
    }

    td {
        text-align: center;
        font-size: 13px;
        height: 35px;
    }

    td label {
        font-weight: normal;
        font-size: 10px;
    }

    td div input {
        font-size: 10px;
    }

    tbody {
        background: white;
    }

    tbody tr {
        border: solid 2px #ecf0f5;
    }

    td div {
        height: 22px;
        width: 130px;
    }

    td .btn_done {
        width: 100%;
    }

    td .btn_done a {
        display: inline-block;
        width: 46%;
        text-decoration: underline;
        text-align: center;
    }

    td a {
        color: #3c8dbc;
        font-size: 12px;
    }

    .bg1 {
        text-align: center;
    }

    td div label {
        margin-right: 10px;
    }

    .label1 {
        color: green;
    }

    .label2 {
        color: deeppink;
    }

    .label3 {
        color: #007DDB;
    }

    .select2-container .select2-selection--single {
        height: 33px;
        border: solid 1px #B8C7CE;
    }

    .form-control {
        width: 170px;
        display: inline-block;
    }

    .date_pick {
        width: 220px !important;
        display: inline-block;
        margin-top: 5px;
    }

    .table_content {
        min-height: 450px;
        background: white;
        padding: 0;
        margin-top: 10px;
    }

    .input_group {
        margin-top: 20px;
    }

    .select2-search__field {
        display: none;
    }

    .select2-results__option--highlighted[aria-selected] {
        background: #3c8dbc !important;
    }

    .clear_date {
        height: 34px;
        width: 25px;
        margin-left: -25px;
        border: none;
        background: none;
        position: relative;
        z-index: 999;
    }
</style>
<body class="hold-transition skin-blue sidebar-mini fixed">
<div class="wrapper">

    <header class="main-header">
        <!-- Logo -->
        <div class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->

            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>SuitLove</b></span>
        </div>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <img src="img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs  manger-name">Amy</span>

                            <span class="change_password" style="font-size: 12px;margin-left: 40px;">修改密码</span>
                            <span class="exit_login" style="font-size: 12px;">退出登录</span>
                        </a>

                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="img/user2-160x160.jpg" class="img-circle">
                </div>
                <div class="pull-left info">
                    <p class="manger-name">Amy</p>
                    <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                </div>
            </div>
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <!--<div class="input-group">-->
                    <!--<input type="text" name="q" class="form-control" placeholder="Search...">-->
                    <!--<span class="input-group-btn">-->
                <!--<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>-->
                <!--</button>-->
              <!--</span>-->
                <!--</div>-->
            </form>
            <!-- /.search form -->
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header">功能目录</li>

                <li class=" treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>系统首页</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <!--<li><a href="login_log.html"><i class="fa fa-circle-o"></i> 登录日志</a></li>-->
                        <li><a href="id_manager.html"><i class="fa fa-circle-o"></i> 账号管理</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>商品管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="product_list.html"><i class="fa fa-circle-o"></i> 商品列表</a></li>
                        <li><a href="new_product.html"><i class="fa fa-circle-o"></i> 新增商品</a></li>
                        <li><a href="product_kind.html"><i class="fa fa-circle-o"></i> 商品分类</a></li>
                        <!--<li><a href="product_confirm.html"><i class="fa fa-circle-o"></i> 商品审核</a></li>-->
                        <!--<li><a href="product_income.html"><i class="fa fa-circle-o"></i> 商品回收</a></li>-->
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-edit"></i> <span>订单管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="hire_order.html"><i class="fa fa-circle-o"></i> 订单列表</a></li>
                        <!--<li class="active"><a href="pay_order.html"><i class="fa fa-circle-o"></i> 支付订单</a></li>-->
                        <!--<li><a href="operate_log.html"><i class="fa fa-circle-o"></i> 订单日志</a></li>-->
                    </ul>
                </li>
                <li class="active treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>会员管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li class="active"><a href="pay_order.html"><i class="fa fa-circle-o"></i> 会员记录</a></li>
                        <!--<li><a href="discounts.html"><i class="fa fa-circle-o"></i> 优惠卷中心</a></li>-->
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>团购加盟</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="group_buy.html"><i class="fa fa-circle-o"></i> 团购信息</a></li>
                        <li><a href="join_in.html"><i class="fa fa-circle-o"></i> 加盟信息</a></li>
                        <!--<li><a href="order_data.html"><i class="fa fa-circle-o"></i>订单数据</a></li>-->
                        <!--<li><a href="user_data.html"><i class="fa fa-circle-o"></i>用户数据</a></li>-->
                        <!--<li><a href="income_data.html"><i class="fa fa-circle-o"></i>收入数据</a></li>-->
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>活动管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="activity.html"><i class="fa fa-circle-o"></i> 活动管理</a></li>
                        <!--<li><a href="discounts.html"><i class="fa fa-circle-o"></i> 优惠卷中心</a></li>-->
                    </ul>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">


        <!-- Main content -->


        <section class="content">

            <!-- Main row -->
            <div class="row">
                <!-- Left col -->
                <div class="col-lg-1"></div>
                <section class="col-lg-10 connectedSortable ">
                    <div style="padding: 0;">
                        <div class="search_box">
                            <span class="search_title">条件筛选</span>
                            <div style="display: inline-block;width:620px;">
                                <input id="num_text" type="text" class="form-control" placeholder="手机号"/>

                                <select id="event_kind" class="select2 form-control">
                                    <option value="全部">全部</option>
                                    <option value="消费">消费</option>
                                    <option value="充值">充值</option>
                                    <!--<option value="已关闭">已关闭</option>-->
                                </select>
                                <!--<br />-->
                                <!--<input type="text" placeholder="请输入时间范围" class="date_pick form-control " id="reservation" ><button class="clear_date">x</button>-->

                            </div>
                            <div style="display: inline-block;width: 200px;">
                                <input class="search_btn1 search_order" type="button" value="查询"/>
                                <!--<input class="search_btn1" type="button" value="导出订单"/>-->
                            </div>
                        </div>
                    </div>

                </section>

            </div>
            <div class="row">
                <div class="col-lg-1"></div>
                <div class="col-lg-10 table_content">
                    <!--<h5 class="search_title" style="margin-top: 10px;">商品列表</h5>-->
                    <table class="list_content">
                        <thead>
                        <tr>
                            <th>订单编号</th>
                            <th>用户手机号</th>
                            <!--<th>订单商品</th>-->
                            <th>金额</th>
                            <th>支付方式</th>
                            <!--<th>优惠信息</th>-->
                            <th>下单时间</th>
                            <th style="width: 130px;">类型</th>
                            <!--<th style="width: 180px;">操作</th>-->
                        </tr>
                        </thead>
                        <tbody class="table_data">
                        <!--<tr>
                            <td>10008888</td>
                            <td> 12948485858</td>
                            <td>
                                月卡
                            </td>
                            <td>
                                ￥111
                            </td>
                            <td>
                                支付宝
                            </td>
                            <td>
                                优惠信息
                            </td>
                            <td>
                                2018-3-3 15:00:40
                            </td>
                            <td>
                                <div class="bg1">
                                    <label class="label1">已支付</label>
                                </div>


                            </td>
                            <td>
                                <div class="btn_done">
                                    <a href="#">补单</a>
                                    <a href="#">关闭订单</a>
                                </div>
                            </td>
                        </tr>-->

                        </tbody>
                    </table>
                </div>
                <div class="row col-lg-12" style="text-align: center;margin-top: 10px;">
                    <div class="col-lg-1"></div>
                    <div id="demo7" class="col-lg-10" style="padding: 0;"></div>
                </div>
            </div>

        </section>
        <!-- /.content -->
    </div>

    <!-- /.content-wrapper -->
    <footer class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 2.0.0
        </div>
        <strong>Copyright &copy; 2018-2019 <a href="http://www.han5j.com/">西安寒武纪信息科技有限公司</a>.</strong> All rights
        reserved.
    </footer>
</div>
<script src="js/jquery.min.js"></script>


<script src="js/adminlte.min.js"></script>
<script type="text/javascript" src="js/moment.min.js"></script>
<script src="js/daterangepicker.js"></script>
<script type="text/javascript" src="js/select2.full.min.js"></script>
<script src="js/layui.all.js"></script>
<script src="js/jq.cookie.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/change_password.js"></script>
<script>

    $('.select2').select2();
    $('#reservation').daterangepicker({
        startDate: '2017-10-10',
        locale: {format: 'YYYY-MM-DD'}
    });
    $('#reservation').val('请选择时间')
    $('.search_order').click(function () {
        getData1(1)
    })


    function pageDivd(curr, page_num) {
        layui.use(['laypage', 'layer'], function () {
            var laypage = layui.laypage
                , layer = layui.layer;
            laypage.render({
                elem: 'demo7'
                , count: page_num
                , limit: 20
                , curr: curr
                , jump: function (obj, first) {
                    if (!first) {
                        getData1(obj.curr);

                    }
                }
            });
        })
    }

    getData1(1);

    function getData1(curr) {
        // var data_rang = $('#reservation').val();//时间范围
        var evKind = $('#event_kind').select2('val');
        var content = $('#num_text').val();
        // var start = data_rang.split(' -')[0];
        // var end = data_rang.split('- ')[1];
        // var timeOnoff = "False";
        //  if(data_rang!=''&&data_rang!=='请选择时间'){
        //  	timeOnoff = "True"
        //  }
        $.ajax({
            type: "get",
            url: "http://www.puer.zone:30000/PayOrdersInfo",
            async: true,
            data: {
                page: curr,
                row: 20,
                content: content,
                // end:end ,
                kind: evKind,
                // start:start ,
                // Time:timeOnoff
            },
            success: function (data) {
                if (data[0].length == 0) {
                    layer.msg('暂无数据')
                }
                TableView(data[0]);
                pageDivd(curr, data[1]);
            }
        });
    }

    function TableView(data) {
        $('.table_data').html('');

        for (var i = 0; i < data.length; i++) {
            var trText = `<tr num="${data[i][0]}">
		      		    
		      		    		<td>${data[i][0]}</td>
		      		    		<td>${data[i][1]}</td>

		      		    		<td>
		      		    			${data[i][2]}
		      		    		</td>
		      		    		<td>
		      		    			${data[i][3]}
		      		    		</td>

		      		    		<td>${data[i][4]}</td>
		      		    		<td>${data[i][5]}</td>

		      		    	</tr>
		      		    	`;

            $('.table_data').append(trText);

        }

        orderDom();
    }

    function orderDom() {
        $('.order_dom').click(function () {
            var orderNum = $(this).parent().attr("num");
            var Kind = $(this).attr("index");
            $.ajax({
                type: "get",
                url: "https://www.hgxrshn.com/MgPayOrdersControl",
                async: true,
                data: {
                    Id: orderNum,
                    Kind: Kind
                },
                success: function (data) {
                    if (data == 'success' && Kind == 1) {
                        layer.msg('补单成功', {time: 500}, function () {
                            location.reload();
                        })
                    } else if (data == 'success' && Kind == 2) {
                        layer.msg('关闭成功', {time: 500}, function () {
                            location.reload();
                        })
                    } else {
                        layer.msg('操作失败', {time: 500})
                    }
                }
            });
        })

    }
</script>
</body>
</html>
